<!DOCTYPE html>
<html lang="zh">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
	<title>家校互动系统</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<link rel="shortcut icon" href="favicon.ico" />
	 <link href="__TMPL__css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<link href="__TMPL__css/m.css" rel="stylesheet" type="text/css" />
	<script src="__TMPL__js/jquery.min.js"></script>
	<script src="__TMPL__js/iscroll.js"></script>
	<script src="__TMPL__js/m.js"></script>
	<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
	<![endif]-->
</head> 
<body><!-- 背景可后台替换 -->
<div class="wrap ui-page  ui-body-c ui-page-active webwidth">
	<div class="ui-header">
		<a href="__URL__/im_list" id="icoback" class="header-btn left-pos">返回</a>
		<h1 class="ui-title">{$cid|getinfo=###,'class','class_name'} 家长</h1>
	</div>
	<div class="ui-nav">
		<div class="input-append text" style="margin:10px;" id="form">
        <form class="ui-form" name="search_content" method="post" action="__URL__/im_parent_list/cid/{$cid}" id="search_content">
			<input class="span2 filterinput" id="filterinput" size="16" type="text" style="width:230px;"><button class="btn" type="submit">搜索</button></form>
       </div>
	</div>
	<div id="wrapper" style="background:#FFF;top:100px;"><!-- 有ui-nav存在时top:100px -->
		<div class="clear">
			<ul class="ui-listview" id="list">
				        <volist name="studentlist" id="vo">

                <li><a href="__URL__/imp/pid/{$vo.parent_id}/cid/{$cid}" title="IM">
<!--					<span class="noread">1</span>
-->					<img src="/{$vo.parent_id|getinfo=###,'parent','pic'}" />
					<div class="">
						<h3>{$vo.parent_id|getinfo=###,'parent','XM'}<span>{$vo.XM}的家长</span></h3>
<!--						<p>明天的化学课，请通知学生带PH试纸...</p>
-->					</div>
<!--					<span class="time">刚刚</span>
-->					</a>
				</li>
				</volist>
			</ul>
		</div>
	</div><!-- /wrapper -->
</div>

		<script type="text/javascript">
			//js模拟滚动条
			var myScroll;
			function loaded() {
				myScroll = new iScroll('wrapper');
			}

			document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
			document.addEventListener('DOMContentLoaded', loaded, false);
			
			
			//js列表快速搜索
			(function ($) {
			  jQuery.expr[':'].Contains = function(a,i,m){
				  return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase())>=0;
			  };
			 
			  function filterList(input, list) { 
				$(input)
				  .change( function () {
					var filter = $(this).val();
					if(filter) {
				  
					  $matches = $(list).find('a:Contains(' + filter + ')').parent();
					  $('li', list).not($matches).slideUp();
					  $matches.slideDown();
						
					} else {
					  $(list).find("li").slideDown();
					}
					return false;
				  })
				.keyup( function () {
					$(this).change();
				});
			  }
			 
			  $(function () {
				filterList($("#filterinput"), $("#list"));
			  });
			}(jQuery));

		</script>

</body>
</html>